// pages/search/search.js
import config from '../../../utils/config.js';
import {
  productModel
} from '../../../models/product';
const product = new productModel();

Page({

  /**
   * 页面的初始数据
   */
  data: {
    nvabarData: {
      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
      title: '搜索',
      //  导航栏 中间的标题
    },
    config: config,
    userId: '', // 用户id
    searchView: '',
    searchVal: '', // 搜索key
    searchFlag: false,
    hotList: '',  // 热门搜索
    historyList: '', // 历史搜索

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var userinfo = wx.getStorageSync('userinfo')
    var userId = userinfo.id
    var historyList = wx.getStorageSync('historySearchKey' + userId)
    this.setData({
      userId: userId,
      historyList: historyList
    })
    this.getHotList() // 获取热门搜索列表
  },
  getHotList() { // 获取热门搜索列表
    product.recordListPage(res => {
      if(res.data.list.length > 0)
        this.setData({
          hotList: res.data.list
        })
    })
  },
  onSearchVal(e) { //监听搜索key
    this.setData({
      searchVal: e.detail.value
    })
  },
  onSearch() { // 搜索
    if (!this.data.searchVal) {
      return
    }
    console.log(this.data.searchVal)
    this.setData({
      searchView: this.data.searchVal,
      searchFlag: true
    })
    var text = wx.getStorageSync('historySearchKey' + this.data.userId)
    if (text) {
      var sameFlag = false
      for (var i = 0; i < text.length; i++) {
        if (this.data.searchVal == text[i]) {
          sameFlag = true
          text.splice(i, 1)
          break;
        }
      }
      if (text.length >= 10) {
        text.splice(9, text.length - 9)
        var arr = []
        arr.push(this.data.searchVal)
        text = arr.concat(text)
      } else {
        var arr = []
        arr.push(this.data.searchVal)
        text = arr.concat(text)
      }
    } else {
      text = []
      text.push(this.data.searchVal)
    }
    wx.setStorageSync('historySearchKey' + this.data.userId, text) // 存在本地
    this.setData({
      historyList: text
    })
    wx.navigateTo({
      url: '/pages/index/searchList/searchList?searchVal='+this.data.searchVal
    });

  },
  onHot(e) { // 点击热卖搜索
    var index = e.currentTarget.dataset.index
    var hotList = this.data.hotList
    this.setData({
      searchVal: hotList[index]
    })
    this.onSearch()
  },
  onHistory(e) { // 点击历史搜索
    var index = e.currentTarget.dataset.index
    var historyList = this.data.historyList
    this.setData({
      searchVal: historyList[index]
    })
    this.onSearch()

  },
  onDel() { // 清空历史搜索
    wx.setStorageSync('historySearchKey' + this.data.userId, '');
    this.setData({
      historyList: []
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})